= render ::Layouts::CrudComponent.new(_('Recovery codes'),
  options: { class: 'gl-mt-5' }) do |c|
  - if current_user.two_factor_enabled?
    - c.with_actions do
      .js-two-factor-action-confirm{ data: codes_two_factor_authentication_data(current_password_required?) }
    - c.with_body do
      = _('If you lose your recovery codes you can generate new ones, invalidating all previous codes.')
  - else
    - c.with_body do
      = _("Register a one-time password authenticator or a WebAuthn device first.")
